<template>
  <n-config-provider>
    <n-loading-bar-provider>
      <n-dialog-provider>
        <n-notification-provider>
          <n-message-provider>
            <n-layout>
              <n-layout-header bordered>
                <div class="header">Vue Base Template</div>
              </n-layout-header>
              <n-layout-content content-style="padding: 24px;"><router-view /></n-layout-content>
            </n-layout>
          </n-message-provider>
        </n-notification-provider>
      </n-dialog-provider>
    </n-loading-bar-provider>
  </n-config-provider>
</template>

<script setup></script>

<style scoped lang="less">
  .header {
    font-size: 20px;
    font-weight: bold;
    color: #333;
  }
</style>
